body,html{margin: 0; background-color: #000;}

#header{position: fixed; width: 100%; background-color: rgba(0,0,0,.8); display: flex; color: #fff;}
#header > div{flex: 1; width: 0; padding: 20px; cursor: pointer; font-size: 20px; text-align: center; position: relative;}
#header > div:hover{background-color: rgba(255,255,255,.2);}
#header .menu{display: none; position: absolute; left: 0; top: 60px; background-color: rgba(0,0,0,.8); width: 100%;}
#header .menu > a{display:block;padding: 20px; color: #fff; text-decoration: none;}
#header .menu > a:hover{background-color: rgba(255,255,255,.2);}
#header > div:hover > .menu{display: block;}
#body{background-color: #f1f4f6; padding: 80px 20px 20px 20px; min-height: calc(100% - 100px); font-size: 12px;}
#body table{font-size: 12px; background-color: #fff; border: solid 1px #e4eaec; border-style: solid none none solid; border-collapse: separate;}
#body table td, #body table th{border: solid 1px #e4eaec; border-style: none solid solid none;}
#body table th{background-color: #e4eaec;}
#body table tr:hover td{background-color: #e4eaec;}
#body table .wrong{color: red; font-weight: bold;}

.loading{position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); left: 0; top: 0; display: -webkit-box; -webkit-box-align: center; z-index: 99999; transition: opacity .3s ease; opacity: 0;}
.loading.ani{opacity: 1;}
.loading .spinner {width: 80px;height: 80px;position: relative;margin: auto;}
.loading .double-bounce1,.loading .double-bounce2 {width: 100%; height: 100%; border-radius: 50%;background-color: #fff;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: loadingbounce 2.0s infinite ease-in-out;}
 .loading .double-bounce2 {-webkit-animation-delay: -1.0s;}
@-webkit-keyframes loadingbounce {
	0%, 100% {-webkit-transform: scale(0.0); }
	50% {-webkit-transform: scale(1.0); }
}

.window{position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); left: 0; top: 0; display: none;}
.window .content{width: 400px; border: solid 10px rgba(0,0,0,.4); background-color: #fff; padding: 20px; font-size: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.window .content select{padding: 10px; font-size: 18px; -webkit-appearance: button;}
.window .content input[type=button]{padding: 10px; font-size: 18px; -webkit-appearance: button;}

